<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Wails ML Demo</title>
</head>
<body style="margin-top:50px; color: white;">
    <h2>Wails ML Demo</h2>
    <p>This application contains no Javascript!</p>
    <button data-wml-event="button-pressed">Press me!</button>
    <button data-wml-event="delete-things" data-wml-confirm="Are you sure?">Delete all the things!</button>
    <button data-wml-window="Close" data-wml-confirm="Are you sure?">Close the Window?</button>
    <button data-wml-window="Center">Center</button>
    <button data-wml-window="Minimise">Minimise</button>
    <button data-wml-window="Maximise">Maximise</button>
    <button data-wml-window="Fullscreen">Fullscreen</button>
    <div style="width: 200px; height: 200px; border: 2px solid white;" data-wml-event="hover" data-wml-trigger="mouseover">Hover over me</div>
</body>
</html>